<template>
  <view class="recommend-list">
    <view class="u-p-24">
      <view class="flex-center u-m-b-30 u-m-t-10">
        <view class="open-bar flex-center">
          <view class="open-bar-mask" />
          <view class="open-bar-point" />
          <view class="open-bar-line u-m-l-16" />
          <text class="u-m-l-16 u-m-r-16">猜你喜欢</text>
          <view class="open-bar-line u-m-r-16" />
          <view class="open-bar-point" />
        </view>
      </view>

      <common-list @load="getGoodsRecommendList" :list="list" :status="status">
        <template #list>
          <item-list :list="list" prompt="购买" />
        </template>
        <template #empty>
          <empty text="还没有相关内容～"></empty>
        </template>
      </common-list>
    </view>
  </view>
</template>

<script>
  import ItemList from '@/components/goods/ItemList.vue'
  export default {
    props: {
      list: {
        type: Array,
        default: () => [],
      },
      status: {
        type: String,
        default: '',
      },
    },
    data() {
      return {
        theme_color_rgba: '',
      }
    },
    onLoad(options) {},
    components: {
      ItemList,
    },

    methods: {
      onBottom() {
        if (this.status === 'loadmore') {
          this.$emit('loadMore')
        }
      },
    },
  }
</script>

<style lang="scss" scoped>
  .setting-page {
    // empty
  }
</style>
